<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="./jquery-1.7.2.min.js"></script>


	<link rel="stylesheet" type="text/css" href="./css/notifier.css">
	<script type="text/javascript" src="./Backbone.js"></script>
</head>
<body>
	<script>
	$(function(){
		// var notifier = new Backbone.Notifier({
		// 	el: 'body', 		// container for notification (default: 'body')
		// 	baseCls: 'notifier',	// css classes prefix, should match css file and can be changed to avoid conflicts.
		// 	theme: 'clean',	// default theme for notifications (currently available: 'plastic' / 'clean').
		// 	types: ['warning', 'error', 'info', 'success'], // available notification styles
		// 	type: 'info', 		// default notification style (null / 'warning' / 'error' / 'info' / 'success')
		// 	dialog: false,		// whether display the notification with a title bar and a dialog style.
		// 					// - sets 'hideOnClick' to false, unless defined otherwise
		// 					// - sets 'position' to 'center', unless defined otherwise
		// 					// - sets 'ms' to null, unless defined otherwise
		// 	modal: true,		// whether to dark and block the UI behind the notification (default: false)
		// 	message: '',		// default message content
		// 	title: '信息提示',	// default notification title, if defined, causes the notification
		// 					// to be 'dialog' (unless dialog is 'false')
		// 	closeBtn: true, 	// whether to display an enabled close button on notification
		// 	ms: null,		// milliseconds before hiding, (null || false => no timeout) (default: 10000)
		// 	'class': null, 		// additional css class
		// 	hideOnClick: true,	// whether to hide the notifications on mouse click (default: true)
		// 	loader: false,		// whether to display loader animation in notifications (default: false)
		// 	destroy: true,		// notification or selector of notifications to hide on show (default: false)
		// 	opacity: 1,		// notification's opacity (default: 1)
		// 	offsetY: 0,		// distance between the notifications and the top/bottom edge (default: 0)
		// 	fadeInMs: 500,		// duration (milliseconds) of notification's fade-in effect (default: 500)
		// 	fadeOutMs: 500,		// duration (milliseconds) of notification's fade-out effect (default: 500)
		// 	position: 'top',	// default notifications position ('top' / 'center' / 'bottom')
		// 	zIndex: 10000,		// minimal z-index for notifications
		// 	screenOpacity: 0.4,	// opacity of dark screen background that goes behind for modals (between 0 to 1)
		// 	width: undefined,	// notification's width ('auto' if not set)
		// });

var notifier = new Backbone.Notifier({		// defaults
		el: 'body', 		// container for notification (default: 'body')
		baseCls: 'notifier',	// css classes prefix, should match css file and can be changed to avoid conflicts.
		theme: 'clean',	// default theme for notifications (currently available: 'plastic' / 'clean').
		types: ['warning', 'error', 'info', 'success'], // available notification styles
		type: 'info', 		// default notification style (null / 'warning' / 'error' / 'info' / 'success')
		dialog: false,		// whether display the notification with a title bar and a dialog style.
						// - sets 'hideOnClick' to false, unless defined otherwise
						// - sets 'position' to 'center', unless defined otherwise
						// - sets 'ms' to null, unless defined otherwise
		modal: true,		// whether to dark and block the UI behind the notification (default: false)
		message: '',		// default message content
		title: undefined,	// default notification title, if defined, causes the notification
						// to be 'dialog' (unless dialog is 'false')
		closeBtn: false, 	// whether to display an enabled close button on notification
		ms: 1000,		// milliseconds before hiding, (null || false => no timeout) (default: 10000)
		'class': null, 		// additional css class
		hideOnClick: true,	// whether to hide the notifications on mouse click (default: true)
		loader: false,		// whether to display loader animation in notifications (default: false)
		destroy: false,		// notification or selector of notifications to hide on show (default: false)
		opacity: 1,		// notification's opacity (default: 1)
		offsetY: 0,		// distance between the notifications and the top/bottom edge (default: 0)
		fadeInMs: 500,		// duration (milliseconds) of notification's fade-in effect (default: 500)
		fadeOutMs: 500,		// duration (milliseconds) of notification's fade-out effect (default: 500)
		position: 'top',	// default notifications position ('top' / 'center' / 'bottom')
		zIndex: 10000,		// minimal z-index for notifications
		screenOpacity: 0.5,	// opacity of dark screen background that goes behind for modals (between 0 to 1)
		width: 150,	// notification's width ('auto' if not set)
	});
		notifier.notify("Hello World!");
	});
	</script>
</body>
</html>